<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="ico/favicon.ico">
    <link rel="stylesheet" href="./css/login.min.css">
    <link rel="stylesheet" href="../common/css/header.min.css">
    <link rel="stylesheet" href="../common/css/footer.min.css">
    <link rel="stylesheet" href="../common/css/reset.min.css">
    <link rel="stylesheet" href="../common/css/common.min.css">
    <link rel="stylesheet" href="../common/font//iconfont.css">
    <title>Dickies官方网站-登录页</title>
</head>

<body>
    <div class="header"></div>
    <div class="con">
        <div class="con-con">
            <ul>
                <li class="user-t">
                    <span class="active">用户名登录</span>
                </li>
                <li class="user-p">
                    <span>手机快捷登录</span>
                </li>
            </ul>
            <div class="user">
                <div class="uuser">
                    <input type="text" placeholder="请填写注册的手机号">
                    <span class="uuser-t">
                    <!-- 请填写正确的手机号 -->
                    </span>
                </div>
                <div class="upwd">
                    <input type="password" placeholder="请填写密码">
                    <span class="upwd-t">    
                    请填写密码
                    </span>
                </div>
                <p><a href="">忘记密码?</a></p>
            </div>
            <div class="phone">
                <div class="phone-number">
                    <input type="text" placeholder="请填写手机号">
                    <span class="phone-number-t">
                    手机号填写错误
                    </span>
                </div>
                <div class="img-verify">
                    <input type="text" placeholder="请输入验证码（区分大小写）" id="text" class="fl">
                    <span class="img-verify-t">
                      ⛔  请输入验证码
                    </span>
                    <canvas id="canvas" onclick="dj()"></canvas>
                    <span onclick="dj()" class="img-verify-s">看不清楚？换一张</span>
                </div>
                <div class="news-verify">
                    <input type="text" placeholder="请输入短信验证码" id="news" class="fl">
                    <span class="news-verify-t">
                        请输入验证码
                    </span>
                    <button>获取验证码</button>
                </div>
            </div>
            <div class="btn">
                <div class="fl">
                    <button class="btn-sub">登录</button>
                </div>
                <div class="fl">
                    <button>
                    <a href="../apply/apply.html">注册</a>
                        
                    </button>
                </div>
            </div>
            <div class="other">
                <p>
                    使用其他方法登录：
                </p>
                <span class="iconfont icon-weibo1"></span>
                <span class="iconfont icon-weixin1"></span>
                <span class="iconfont icon-qq"></span>
            </div>
        </div>
    </div>
    <div class="footer"></div>
    <div class="modal_cover">
        <div class="modal">
            <p></p>
        </div>
    </div>
</body>

</html>
<script src="../jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script src="js/login.js"></script>
<script>
    $(".header").load("../common/html/header.html", function() {
        window.onscroll = function() {
            // console.log($(window).scrollTop())
            if ($(window).scrollTop() > 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 0,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "fixed",
                    top: 0,
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 70,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: 3,
                    zIndex: 2000,
                })
            }
            if ($(window).scrollTop() < 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 30,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "",
                    top: "",
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 170,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: -30,
                    zIndex: 2000,
                })
            }
        }
    })

    $(".footer").load("../common/html/footer.html", function() {
        $(".nav li").eq(2).click(function() {
            $(window).scrollTop(0);
        })
    })
</script>
<!-- <script src="./php/login.php"></script> -->